<!DOCTYPE html>
<html >
    <head>
        <meta charset="UTF-8">
        <title>javascript的简介</title>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
        <script>
            window.onload = function () {
             document.getElementById("btn").onclick =function () {
                 alert('hello world');
             };
            };
        </script>
    </head>
    <body>
    <div><span>Javascript</span>（基于对象的语言）</div>
    <div class="title">位置</div>
    <div class="code">可以写在任何位置  最好写在head中</div>
    <div class="title">组成</div>
    <div class="code" style='position: relative;height:106px;'>
        <div style='position: absolute;'>1.<span>ECMAScript</span> 核心库(描述了该语言的语法和基本对象)<br/>
            2.<span>DOM</span> 文档对象模型 （document描述处理网页内容的方法和接口。）<br/>
            3.<span>BOM</span> 浏览器对象模型 （描述与浏览器进行交互的方法和接口）
    </div>
        <div style='position: absolute; right:0;background: url("../img/ja.gif");width: 250px;height: 106px;' ></div>
    </div>
    <div class="title">代码示例</div>
    <div class="code">
        <pre>
           <span>内部引用</span>
             &lt;script language="JavaScript" &gt;
                这里写脚本
                alert(“hello world”) ；消息框 不同浏览器显示不同
            &lt;/script&gt;
            <span>外部引用</span>
             &lt;script language="JavaScript" src = '../js/java.js'&gt; &lt;/script&gt;
        </pre>
    </div>
    <div class="title">代码效果</div>
    <div class="code">
        <button id="btn">效果展示</button>
    </div>
    </body>
</html>